<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>新建脚本</title>
    <link href="css/layui.css" rel="stylesheet" type="text/css" />
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="codemirror-5.56.0/lib/codemirror.css"/>
    <link rel="stylesheet" href="codemirror-5.56.0/theme/dracula.css"/> <!--引入css文件，用以支持主题-->
    <link rel="stylesheet" href="codemirror-5.56.0/addon/fold/foldgutter.css"/><!--支持代码折叠-->
    <script src="codemirror-5.56.0/lib/codemirror.js"></script>
    <script src="codemirror-5.56.0/mode/groovy/groovy.js"></script><!--groovy代码高亮-->
    <script src="codemirror-5.56.0/addon/fold/foldcode.js"></script>
    <script src="codemirror-5.56.0/addon/fold/foldgutter.js"></script>
    <script src="codemirror-5.56.0/addon/fold/brace-fold.js"></script>
    <script src="codemirror-5.56.0/addon/fold/comment-fold.js"></script>
    <link href="css/CodeMirror.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <div class="layui-fluid">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md12">
                <form class="layui-form p20 lineBox" action="" lay-filter="addFaultPointForm">
                    <div class="layui-card">
                        <div class="layui-card-header">
                            <p class="title-row">脚本基础信息</p>
                        </div>
                        <div class="layui-card-body">
                            <div class="layui-inline">
                                <label class="layui-form-label">脚本名称</label>
                                <div class="layui-input-block">
                                    <input type="text" name="scriptName" lay-verify="required|formTextLength" autocomplete="off" placeholder="请输入脚本名称" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-inline" style="margin-left:0px;">
                                <label class="layui-form-label" style="    padding:0px 0px;text-align: left;">.groovy</label>
                            </div>
                            <div class="layui-inline" style="margin-right:40px;    float: right;">
                                <button class="layui-btn redisTemplate" type="button">
                                    <i class="layui-icon layui-icon-addition"></i>
                                    加载redis模板
                                </button>
                            </div>
                            <div class="layui-inline" style="margin-right:10px;    float: right;">
                                <button class="layui-btn mysqlTemplate" type="button">
                                    <i class="layui-icon layui-icon-addition"></i>
                                    加载mysql模板
                                </button>
                            </div>
                            <div class="layui-inline" style="margin-right:10px;    float: right;">
                                <button class="layui-btn generalTemplate" type="button">
                                    <i class="layui-icon layui-icon-addition"></i>
                                    加载基础模板
                                </button>
                            </div>
                        </div>
                        <div class="layui-card-header">
                            <p class="title-row">脚本内容</p>
                        </div>
                        <div class="layui-card-body">
                            <div class="layui-form-item layui-form-text textBox">
                                <textarea class="form-control" id="code" name="code" placeholder="请输入内容"></textarea>
                            </div>
                            <div class="layui-form-item">
                                <div class="layui-input-block sumitBtn">
                                    <button class="layui-btn" lay-submit lay-filter="formSubmit" type="button">确认</button>
                                    <button class="layui-btn layui-btn-primary closePage" type="button">取消</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <script src="layui.js"></script>
    <script src="js/common.js"></script>
    <script src="js/addScript.js"></script>
</body>
</html>